<template>
  <div>
    <table>
      <tr>
        <th>报修描述</th>
        <th>地点</th>
        <th>类型</th>
        <th>学号</th>
      </tr>
      <tr v-for="re in repair">
        <td>
          {{re.repairInfo}}
        </td>
        <td>
          {{re.repairPath}}
        </td>
        <td>
          {{re.repairType}}
        </td>
        <td>
          {{re.teacherId}}
        </td>
      </tr>
    </table>
  </div>
</template>

<script>
export default {
  name: "TeacherRepairInfo",
  created() {
    this.$ajax.get(base_url + "teacher/list_repair",{
      params:{
        teacherId : this.$route.query.teacherId
      }
    }).then(response => {
      this.repair = response.data.data
    })
  },
  data() {
    return {
      repair : ""
    }
  }
}
</script>

<style scoped>

table,th,td{
	border:1px solid black;
}
table{
	width:50%;
  margin: auto;
}
th{
	height:50px;
	text-align: center;
	background-color: #E7E7E7;
	font-size: 30px;
}
td{
	height:30px;
	width: 100px;
	font-family: "宋体";
	font-size: 20px;
	text-align:center;
	background-color: gainsboro;
}
</style>